import React, { Component } from "react";

class detail extends Component {
  render() {
    return (
      <>
        <div className="topBar">
          <i className="topBar_left"></i>
          <span>OEC详情</span>
          <i className="topBar_right"></i>
        </div>
        <div className="det_mainBox">
          <div className="det_main">
            <div className="dmain_btn">立即领取</div>
            <div className="dmain_tx"></div>
            <div className="dmain_right">
              <span className="dmain_tit">OEC</span>
              <p className="dmain_txt">
                OE是以区块链底层技术为架构，存储为底层，OEC则是以
              </p>
              <div className="passage"></div>
              <p className="dmain_time">
                <span>剩余时间</span>
                <span>被领取数里/总额度</span>
              </p>
              <p className="dmain_time">
                <span>18天19时41分</span>
                <span>16425/200000</span>
              </p>
            </div>
          </div>
        </div>
        <div className="det_nav">
          <div>
            <i></i>
            <span>官方社群</span>
          </div>
          <div>
            <i></i>
            <span>去做任务</span>
          </div>
          <div>
            <i></i>
            <span>邀请好友</span>
          </div>
        </div>
      </>
    );
  }
}

export default detail;
